<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>旅游活动</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <link rel="stylesheet" href="css/bootstrap.min.css" />
<!-- <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
 --><link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
<!-- <link href='http://fonts.useso.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
 --><style type="text/css">
   body{
  background:none repeat scroll 0 0 #2E363F;
  font-family:'Open Sans', sans-serif;
  color:#666;
  font-size:12px;
  
 }
 .widget-box{
  float:left;
  display:block;
  width:45%;
  margin:20px 1% 0 3%;

 
 }
 img{
  max-width:100%;
  display:block;
  }
  .widget-content a{
   display:block;
   width:100%;
   text-decoration: none;
   text-align:center;
  }
  span{
   display：block;
   text-algin:center;
   
   }
   
</style>
</head>
<body>
<div class="container-fluid">
 <div class="row-fluid">
  <div class="span12">
   <c:forEach var="travel" items="${requestScope.travels }">
     <div class="widget-box">
     <div class="widget-content">
       <a href="<%=request.getContextPath() %>/travel?method=mobile&page=read&id=${travel.id}">
        <img alt="" src="${travel.firstimgurl }" width="600" height="399">
        <span>${travel.title }</span>
       </a>
     </div>
   </div>
   </c:forEach>
  </div>
 </div>
</div>
<script src="js/jquery.min.js"></script> 
<script type="text/javascript">

</script>
</body>
</html>